<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>关于我们 - 自然之眼</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <nav class="navbar">
        <div class="logo">自然之眼</div>
        <ul class="nav-links">
            <li><a href="index.html">首页</a></li>
            <li><a href="gallery.html">景观图库</a></li>
            <li><a href="about.html">关于我们</a></li>
            <li><a href="contact.html">联系我们</a></li>
        </ul>
    </nav>

    <section class="about-section">
        <div class="about-header">
            <h2>关于自然之眼</h2>
            <p>连接人类与自然的桥梁</p>
        </div>

        <div class="about-content">
            <div class="history">
                <h3>我们的故事</h3>
                <p>自2010年成立以来,我们致力于记录和保护地球自然景观...</p>
                <img src="images/team.jpg" alt="我们的团队">
            </div>

            <div class="mission">
                <h3>核心使命</h3>
                <div class="mission-card">
                    <h4>保护自然</h4>
                    <p>通过影像记录促进环境保护</p>
                </div>
                <div class="mission-card">
                    <h4>教育传播</h4>
                    <p>开展自然知识科普活动</p>
                </div>
            </div>

            <div class="team">
                <h3>专业团队</h3>
                <div class="team-grid">
                    <div class="member">
                        <img src="images/member1.jpg" alt="摄影师">
                        <h4>王自然</h4>
                        <p>首席摄影师</p>
                    </div>
                    <!-- 添加更多团队成员 -->
                </div>
            </div>
        </div>
    </section>

    <footer>
        <p>&copy; 2023 自然之眼景观展示 保留所有权利</p>
    </footer>

    <script src="js/script.js"></script>
</body>
</html>